﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="capoeira songs,capoeira,how to play capoeira,capoeira videos" />
    @if (ViewBag.Title != null)
    { 
        <title>@ViewBag.Title</title>    
    }
    else
    {
        <title>Capokun, the first social sharing Capoeira site</title>
    }
    @if (ViewBag.Description != null)
    { 
        <meta name="description" content="@ViewBag.Description" />
    }
    else
    {
        <meta name="description" content="Capokun aims to be the first social Capoeira site. This site wants to offer all the tools necessary for the evolution of a Capoeira warrior in his art. Sharing of songs, Capoeira videos, blog about the Capoeira philosophy, the idea here is to share this Capoeira passion to every member of a community." />
    }
    @if (ViewBag.ogDescription != null)
    {
        ///song specific description for Facebook (for song:like)
        <meta property="og:description" content="@ViewBag.ogDescription" />
    }
    else
    {
        ///general description
        <meta property="og:description" content="Capokun aims to be the first social Capoeira site. This site wants to offer all the tools necessary for the evolution of a Capoeira warrior in his art. Sharing of songs, Capoeira videos, blog about the Capoeira philosophy, the idea here is to share this Capoeira passion to every member of a community." />
    }
    <!-- facebok metas open graph -->
    <meta property="fb:app_id" content="140390589306756">
    <meta property="og:site_name" content="Capokun" />
    <meta property="og:image" content="http://www.capokun.com/Content/images/Capokun_graffiti_logo_rectangle.png" />
    @*<meta property="og:locale" content="en-US" />*@
    <!-- song specific -->
    <meta property="og:title" content="@ViewBag.ogTitle" />
    <meta property="og:type" content="@ViewBag.ogType" />
    <meta property="og:url" content="@ViewBag.ogUrl" />
    <meta property="og:description" content="The first social capoeira site" />
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/images/Capokun_16.png")" />
    <link rel="apple-touch-icon"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link rel="apple-touch-icon-precomposed"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link media="all" href="@Url.Content("~/Content/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
    @*<link media="all" href="@Url.Content("~/Content/reset.css")" rel="stylesheet" type="text/css" />*@
    <link media="all" href="@Url.Content("~/Content/normalize.css")" rel="stylesheet" type="text/css" />
    <link media="all" href="@Url.Content("~/Content/global-forms.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site.css")" />
    <link rel="stylesheet" media="only screen and (max-width: 800px)" href="@Url.Content("~/Content/Site-mobile.css")" />
    @*<link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site-mobile.css")" />*@
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Main.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/facebook.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jstorage.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jHtmlArea-0.7.0.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/jHtmlArea.css")" />
    <script type="text/javascript">

        $(document).ready(function () {
            documentReady();

        });

    </script>
    <!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if lte IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
		<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
    <!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
    <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=140390589306756";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-26321122-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>
                    My MVC Application</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
        <div id="fb-root">
        </div>
    </div>
</body>
</html>
